<template>
  <view>
    <u-navbar back-text=" " title=" " :background="navbarBackground">
      <view class="slot_wrap">
        <view class="slot_wrap_right">
          <text>设置</text>
          <text>评论</text>
        </view>
      </view>
    </u-navbar>

    <Userinfo />
    <InfoDesc />
    <MoreOptions />
  </view>
</template>

<script>
import Userinfo from './Userinfo'
import InfoDesc from './InfoDesc'
import MoreOptions from './MoreOptions'
export default {
  data() {
    return {
      navbarBackground: {
        backgroundColor: '#F6DCFF',
      },
    }
  },
  components:{
    Userinfo,InfoDesc,MoreOptions
  }
}
</script>

<style lang="scss" scoped>
.slot_wrap {
  width: 100%;
  display: flex;
  align-items: center;
  .slot_wrap_right {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    text {
      margin-right: 20rpx;
    }
  }
}
</style>